<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    key就是给节点一个标识，相当于人类的身份证号，key只会显示在虚拟dom上面，真实dom看不见
    不用会导致效率问题

    当你数据发生改变，页面重新渲染，会生成新的虚拟dom会和以前的虚拟dom来对比，凭证就是你这个key
    认key不认人，key一样就可以复用数据，如果key对比出问题，复用就会出问题，比如你复用了别人的数据，或者数据不能复用
    
    假如你遍历一个数组，用index当key，你在数组最前面加了一个数据，这样新的数据的key就跟之前第一个
    的key一样了，可能会接受之前第一个数据的数据什么的，用index当key需要注意情况
</body>
</html>